
<template>
  <van-tabbar v-model="active" active-color="#ee0a24" inactive-color="#000">
    <van-tabbar-item to="/index" icon=" iconfont icon--xiaolu ">首页</van-tabbar-item>
    <van-tabbar-item to="/course" icon=" iconfont icon-kecheng ">课程</van-tabbar-item>
    <van-tabbar-item to="/record" icon=" iconfont icon-icon_xinyong_xianxing_jijin-160 ">约课记录</van-tabbar-item>
    <van-tabbar-item to="/practice" icon=" iconfont icon-lianxi ">练习</van-tabbar-item>
    <van-tabbar-item to="/mine" icon=" iconfont icon-yonghu ">我的</van-tabbar-item>
  </van-tabbar>
</template>

<script>
import { Tarbar, TabbarItem, Tabbar } from "vant"
export default {
  name: "Tabbar",
  components: {
    [Tabbar.name]: Tabbar,
    [TabbarItem.name]: TabbarItem
  },
  data () {
    return {
      active: 0
    }
  }

}
</script>

<style lang="scss" scoped>
.icon--xiaolu {
  font-size: 29px !important;
}
</style>